<!DOCTYPE html >
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
		<meta charset="UTF-8">
		<meta content="width=device-width, initial-scale=1" name="viewport">
		<link rel="stylesheet" href="../css/reset.css"/>
		<link  rel="stylesheet" href="../css/bootstrap.min.css">
		<link  rel="stylesheet" href="../css/trip.css">
		<title>
			Trip Calculator!!
		</title>
	</head>
	<body>
		<div class="container-fluid pageContent">
			<div id="errordiv">loading..</div>
				<div class="heading text-primary"><h3>Trip Calculator !!!</h3></div>
				<br/>
				<div class="row">
					<div class="col-md-6">
						<table id="people" class="table table-bordered table-striped">
							<thead class="thead text-info">
								<tr>
									<th>#</th>
									<th>Name</th>
									<th>Money</th>
								</tr>
							</thead>
							<tbody class="tbody">
								
							</tbody>
						</table>
						<div style="margin:5px 0;">
							<input type="button" value=" Add " id="addrow" title="Click to add" class="btn btn-primary"/>
							<input type="button" value="Calculate" title="Calculate" id="calculate" class="btn btn-success"/>
							<input type="button" value=" Delete " id="delete" title="Delete the selected rows" class="btn btn-danger"/>
							<input type="button" value=" Reset " id="cancel" title="Reset" class="btn btn-warning"/>
						</div>
					</div>
					<div class="col-md-6">
						<div id="output">
							<div class="total" style="display:none;">
								<p></p>
								<p></p>
								<div style="clear:both;"></div>
							</div>
							<div class="rm">
								<p>Enter the data and click on Calculate.</p>
							</div>
						</div>
					</div>
				</div>
				<footer>
				<span>
				Copyright &copy; 2014 <Strong>Fahad</Strong>
				</span> 
				<span style="text-align:right;">
				<a href="http://www.facebook.com/tasleem.fahad" target="blank" title="Facebook">Facebook</a>
				<a href="https://twitter.com/#!/fahadtasleem" class="twitter-follow-button" data-show-count="false" 
				target="blank" data-lang="en">Follow @Twitter</a>
				
				</span>
				<p style="margin-bottom: 0;">
				<strong>More Apps:</strong>
				</p>
				<ul>
					<li>
						<a href="https://chrome.google.com/webstore/detail/to-do-list/gbflfggkklkejbpbhcpeoiaihdnieidk" target="blank">To Do List</a>
					</li>
				</ul>
				</footer>
		</div>
		<script type="text/javascript" src="../script/jquery-min.js">
		</script>
		<script type="text/javascript" src="../script/bootstrap.min.js"></script>
		<script type="text/javascript" src="../script/trip.js">
		</script>
	</body>
</html>
